
<template>
  <div class="father">
    <h3>{{ countStore.count }}</h3>
    <h3>BigSum {{ countStore.bigSum }}</h3>
    <button @click="countStore.increment">增加</button>
    <Child></Child>
  </div>
</template>

<script setup lang="ts" name="Father">
import { useCounterStore } from "@/store/couter"
import Child from "@/pages/08_pinia/Child.vue";

const countStore = useCounterStore()
</script>

<style scoped>.father {
  background-color: rgb(165, 165, 165);
  padding: 20px;
  border-radius: 10px;
}
</style>
